<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>Search</title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<link rel="stylesheet" type="text/css" href="/statics/css/index.css" th:href="@{/statics/css/index.css}" media="all" />
	</head>

	<body class="home blog custom-background round-avatars">
	<div th:replace="~{common/repitation::sider}"></div>
	<div th:replace="~{common/repitation::header}"></div>
		<div id="main" class="content">

			<div class="container">

				<h1 class="page-title" th:text="'以  '+${searchS}+'  为关键字'">以&ldquo;交代&rdquo;为关键字</h1>

				<p class="Searchmeta" th:text="'共计'+${pages.getNumberOfElements()+'篇文章'}">共计 1 篇文章</p>

				<div class="location">当前位置：
					<a href="" th:href="@{/index}">首页</a> &raquo; 搜索结果 &raquo; [[${searchS}]]
				</div>

				<div class="posts-list js-posts" th:each="art:${arts}">
					<div class="archive-post">
						<div class="type">
							<div class="mask"><i class="iconfont">&#xe603;</i></div>
						</div>
						<h2 class="archive-title" style="color: #">

							<span>
					
							<a href="" th:href="@{/detail/}+${art.id}" th:text="${art.editorTitle}">交代是不可能交代的</a>
					
								</span>
					
								<div class="post-time" th:text="${#dates.format(art.editorDate,'yyyy-MM-dd')}">2018/03/20</div>

						</h2>
					</div>
				</div>
			</div>

			<!--					分页显示-->
			<div class="pagination js-pagination">
				<div class="js-next pagination__load">
					<script type="text/javascript" th:src="@{/jquery.min.js}"></script>
					<style>
						a{cursor:pointer;}
						a:hover{color:green;}
						a.active{color:red;}
					</style>
					<a name="pageNum" class="allpage"><b th:text="'共 '+ ${pages.getTotalPages()}+ ' 页'"></b></a>
					<a  th:if="${pages.hasPrevious()} == true" th:href="@{/search(currentPage=${pages.previousPageable().getPageNumber()})}"  >上一页</a>
					<a name="pageNum" th:href="@{/search(currentPage=${i})}"  th:each="i :${#numbers.sequence(0, pages.getTotalPages()-1)}" th:text="${i+1}" th:class="${pages.getNumber()==i}?'active'" th:if="${i}<3" ></a>
					<a th:text="..."  th:if="${pages.getTotalPages()}>2"></a>
					<a th:text="${pages.getNumber()+1}" th:class="active" th:if="${pages.getNumber()}>2"></a>


					&nbsp;&nbsp;<a name="pageNum" th:if="${pages.hasNext()} == true"  th:href="@{/search(currentPage=${pages.nextPageable().getPageNumber()})}" >下一页</a>
					&nbsp;&nbsp;<a th:href="@{'/search?currentPage='+ ${pages.getTotalPages()-1}}" >尾页</a>
					<script>
						$("a").click(function(){
							$(this).addClass("active").siblings().removeClass("active");
						})
					</script>
				</div>
			</div>
		</div>


	<div th:replace="~{common/repitation::footer}"></div>
	</body>

</html>